<!doctype html>
<html lang="en">
	<head>
		<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
		<title>Ruby Library - TNRoR</title>
		<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
		<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
		<%= stylesheet_link_tag "styles", :media => "screen" %>
		<%= stylesheet_link_tag "SpryMenuBarHorizontal", :media => "screen" %>
		<%= javascript_include_tag "equalcolumns", "http://code.jquery.com/jquery-latest.js", "SpryMenuBar" %>
	</head>
	<body>

		<header>
			<h1> <%= image_tag "header.png", :alt => "f", :width => "960", :height => "150" %> </h1>
		</header>
		<ul id="MenuBar1" class="MenuBarHorizontal">
			<li>
				<%= link_to 'Trang Chủ', login_path, :class=>'MenuBarItemSubmenu'%>
			</li>
			<li>
				<a href="#" class="MenuBarItemSubmenu">Sách</a>
				<ul>
					<li >
						<a href="/newbooks/new" class="menustyle" >Sách mới</a>
					</li>
					<li>
						<a href="/hotbooks/new" class="menustyle" >Sách hay</a>
					</li>
					<li>
						<a href="/searchbooks/new" class="menustyle" >Tìm kiếm</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="MenuBarItemSubmenu" href="/users/new">Tạo Tài khoản</a>
			</li>
			<li>
				<a href="#" class="MenuBarItemSubmenu">Liên Hệ</a>
			</li>
		</ul>
		<br>
		<br>
		<div id="innercontent">
			<h2> Quên Mật Khẩu </h2>
			<%= form_tag forgotpass_path, :method => :post do  %>
			Nếu bạn vô tình quên mật khẩu của mình, chúng tôi có thể gửi một email đến bạn để bạn khôi phục lại mật khẩu của mình. Hãy điền địa chỉ email bạn đã đăng kí tại trang web này vào ô dưới đây. Các thông tin cần thiết để bạn khôi phục lại mật khẩu của bạn sẽ được gửi qua email này.
			<table >
				<tr height="30">
					<td> Email bạn dùng để đăng kí: </td>
					<td> <%= text_field_tag :email, params[:email], :size=>35 %> </td>
					<% if flash[:notice] %>
					<p id="notice">
						<%= notice %>
					</p>
					<% end %>
				</tr>
				<tr height="30">
					<td></td>
					<td>
					<div class="actions">
						<%= submit_tag "Sent Email",:class=>'buttonstyle' %>
					</div></td>
				</tr>
			</table>
			<% end %>
		</div>

		<aside>
			<section>
				<header>
					<h3>Tìm kiếm sách</h3>
				</header>
				<%= form_tag searchbooks_new_path(:search_option => 0), :method => :get do %>
				<p>
					<%= text_field_tag :search, params[:search], :size =>25 %>
					<input type="submit" name="Searchbtn" id="Searchbtn" value="Tìm" class="buttonstyle">
				</p>
				<% end %>
			</section>
			<section>
				<header>
					<h3>Đăng Nhập</h3>
				</header>
				<%= form_tag login_url do %>
				<table width="260" border="0">
					<tr>
						<td width="71">Tài Khoản</td>
						<td width="179"><%= text_field_tag :name, params[:name],:size=>25 %></td>
					</tr>
					<tr>
						<td>Mật Khẩu</td>
						<td><%= password_field_tag :password, params[:password],:size=>25 %></td>
					</tr>
					<tr>
						<td colspan="2"> <%= submit_tag "Đăng Nhập", :name => "login",:class=>'buttonstyle' %>
						<%= submit_tag "Đăng Kí", :name =>  'signup', :class=>'buttonstyle' %></td>
					</tr>
					<tr>
						<td colspan="2"><%= link_to 'Quên Mật Khẩu?', new_forgotpas_path%></td>
					</tr>
				</table>
				<% end %>
			</section>
			<section>
				<header>
					<h3>Danh mục</h3>
				</header>
				<p>
					<% @categories.each do |item| %>
					- <%= link_to item.name + ' (' + item.books.size.to_s + ')', {:controller => "viewbookbycategory", :action => "new", :cat_id => item.id} %>
					<br>
					<% end %>
				</p>
			</section>
		</aside>
		<footer>
			<br />
			<p class="fcentered">
				------ Ruby Library - TNROR 2012 ------
				<br/>
			</p>
		</footer>
		<script type="text/javascript">
			var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {
				imgDown : "SpryAssets/SpryMenuBarDownHover.gif",
				imgRight : "SpryAssets/SpryMenuBarRightHover.gif"
			});
		</script>
	</body>
</html>

